<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>not-found</title>
	<link rel="stylesheet" type="text/css" href="/resource/css/animate/animate.min.css" />

	<style type="text/css">
		body,html,b,h2,span{
			margin:0;
			padding:0;
		}
		#zong{
			/*width:auto;
            height:auto;*/
			width:100%;
			position:fixed;
			top:0;
			bottom:0;
			background-image: url(/resource/images/P22.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-color: rgba(55,55,55,0.8);
		}

		#logo{
			height:50px;
			width:225px;
			position: relative;
			top:70px;
			left:150px;
			/*background-color: rgba(0,0,0,0.5);*/
			line-height: 60px;
			color:#E6E6E6;
			font-family: "微软雅黑";
			font-size: 16px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-image: url(/resource/images/logo.png);
			text-align: center;
			font-weight: bold;
		}
		#biaoyu{
			height:50px;
			width:225px;
			position:fixed;
			bottom: 20px;
			right: 20px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-image: url(/resource/images/biaoyu.png);
		}
		#main{
			height:500px;
			width:1000px;
			position:relative;
			margin-left: 50%;
			left: -500px;
			background-color: rgba(0,0,0,0);
			box-shadow: 3px 3px 3px rgba(0,0,0,0.9);
			border-radius: 10px;
			top:100px;
		}
		/*#notf{
            width:653px;
            height:356px;
            background-image: url(images/notf.png);
            position:fixed;
            /*bottom: 20px;
            right:30px;*/
		/*background-color: #000000;*//*
        margin-left: 50%;
        left: -326px;
        top:200px;
        opacity:0.1;
    }*/
		#notf{

			background-image: url(/resource/images/notf.png);
			position:fixed;
			/*bottom: 20px;
            right:30px;*/
			/*background-color: #000000;*/
			width:100%;
			background-repeat: no-repeat;
			background-size: 100% 100%;

			top:0;
			bottom:0;
			opacity:0.05;
		}




		#error{
			position:relative;
			color:#6C757D;
			font-size:16px;
			top:150px;
			/*left:300px;*/
			background-color: rgba(255,255,255,0.5);
			margin-left: 50%;
			left:-400px;
			width:800px;
			height:400px;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.9);
			border-radius: 10px;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			/*background-image: url(images/notf.png);*/
			/*background-image: url(images/404.png);*/
		}
		span{
			font-size: 30px;
			/*color:#9F9F9F;*/
			position:relative;
			font-family: "黑体";
			left:50px;
			top:40px;
		}
		#error b{
			/*color:#9F9F9F;*/
			font-size:14px;
			font-family: "黑体";
			font-weight:normal;
			position: relative;
			left:60px;
			top:45px;
		}
		#eg{
			position:relative;
			font-family:"arial rounded mt bold";
			font-size:12px;
			top:40px;
			left:50px;
			font-weight: 400;
		}
		#copyright{
			position: absolute;
			bottom:20px;
			left:100px;
			color:#666;
			font-size: 12px;

		}
		#goback a{
			display: inline-block;
			width:100px;
			height:30px;
			background-color: rgba(100,100,100,0.8);
			position: absolute;
			top:150px;
			left: 50px;
			font-size: 14px;
			text-decoration: none;
			line-height: 30px;
			text-align: center;
			color:#E8E8E8;
			border-radius: 15px;
			cursor:pointer;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
		}
		#goback a:hover{
			background-color: rgba(50,50,50,0.8);
		}
	</style>




</head>
<body>
<div id="zong">
	<div id="notf"></div>
	<div id="logo"></div>
	<div id="error" class="animated fadeInDown"><span>亲!</span><b>你访问的dongdong找不到了哟~</b>
		<div id="eg">sorry,the page donot exist for some reason!<br/>you can go back to the last level or try again later~</div>
		<div id="copyright">Copyright&copy;November 17, 2018 by School of Computer Science - equipment management system</div>
		<div id="goback">
			<a href="">goback</a>
		</div>
	</div>
	<!--<div id="main">-->




	<div id="biaoyu"></div>
</div>
</body>
</html>
